body {
	background-color: #f8f8f8;
	width: 100%;
	/* min-height: 100%; */
}


.header {
	width: 100%;
	height: 1.333333rem;
	color: white;
	font-size: 0.48rem;
	background-color: #021639;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.header a {
	position: absolute;
	left: 20px;
}

.header img {
	height: 0.32rem;
}

.header h3 {
	font-size: 0.48rem;
	color: white;
	text-align: center;
}

.tab-nav {
	width: 100%;
	height: 2.666666rem;
	background-color: #021639;
	color: #979797;
	font-size: 0.373333rem;
	display: flex;
	justify-content: space-around;
	padding-top: 0.346666rem;
}

.active {
	color: #FAAD14;
}

.line {
	width: 0.213333rem;
	height: 0.053333rem;
	background-color: #FAAD14;
	margin: auto;
	margin-top: 0.293333rem;
	display: none;
}

.content {
	width: 9.466666rem;
	padding: 0.586666rem 0.266666rem;
	background-color: white;
	/* auto */
	/* height: 6.666666rem; */
	box-sizing: border-box;
	margin: auto;
	transform: translateY(-20%);
	border-radius: 0.266666rem;
	position: relative;
}

.title {
	display: flex;
	justify-content: space-between;
}

.title h3 {
	font-size: 0.64rem;
}

.jiedan {
	width: 1.733333rem;
	height: 0.8rem;
	border: 1px solid #3E8BF8;
	text-align: center;
	line-height: 0.8rem;
	color: #3E8BF8;
	font-size: 0.373333rem;
	border-radius: 0.8rem;
}

.chufa{
	width: 1.733333rem;
	height: 0.8rem;
	border: 1px solid #FAAD14;
	text-align: center;
	line-height: 0.8rem;
	color: #FAAD14;
	font-size: 0.373333rem;
	border-radius: 0.8rem;
}

.content-line {
	width: 100%;
	height: 0.026666rem;
	background-color: #DDDDDD;
	margin-top: 0.533333rem;
}

.content-item {
	display: flex;
	height: 0.8rem;
	align-items: center;
	font-size: 0.373333rem;
}

.item-title {
	width: 30%;
	color: #6B6A6A;
}

.item-body {
	flex: 1;
}

.line-2 {
	width: 100%;
	border-bottom: 1px dotted #CCD0D7;
	margin-top: 0.533333rem;
}

.line-3 {
	width: 100%;
	border-bottom: 1px dotted #CCD0D7;
	margin: 0.266666rem 0;
}

.team {
	width: 100%;
	height: 1.333333rem;
	line-height: 1.866666rem;
	font-size: 0.48rem;
	text-align: right;
}

.team img{
	width: 2.666666rem;
	height: 1.333333rem;
	margin-top: 0.266666rem;
}

.team-btn{
	width: 2.666666rem;
	height: 1.333333rem;
	border-radius: 1.333333rem;
	margin-top: 0.266666rem;
	/* background-image: url(../img/Rectangle%2069-1.png); */
	/* background-repeat: no-repeat;
	background-size: 100% 100%; */
	float: right;
	font-size: 0.373333rem;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}

.team-btn-1{
	background: linear-gradient(270.02deg, #1854AA 0.02%, #3E8BF8 99.98%);
}

.team-btn-2{
	background: linear-gradient(270.02deg, #FF3737 0.02%, #EB8585 99.98%);
}

.team-btn-3{
	background: #FAAD14;
	color: #000000;
}

.team-2 {
	width: 100%;
	height: 1.333333rem;
	line-height: 1.866666rem;
	font-size: 0.48rem;
	text-align: right;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.team-2 h3{
	font-size: 0.48rem;
}

.team-3{
	display: flex;
	justify-content: center;
}

.team-3 .btn{
	width: 8rem;
	height: 1.333333rem;
	font-size: 0.373333rem;
	background: linear-gradient(270.02deg, #273D63 0.02%, #021639 99.98%);
	margin-top: 0.4rem;
	border-radius: 0.106666rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}

.zhuanpai{
	display: flex;
	width: 1.333333rem;
	height: 0.8rem;
	justify-content: center;
	align-items: center;
	font-size: 0.373333rem;
	border: 0.013333rem solid #FAAD14;
	color: #FAAD14;
	border-radius: 0.8rem;
}

.pingjia {
	width: 1.866666rem;
	height: 0.8rem;
	background: url(../img/Rectangle%20484.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}

.neirong{
	font-size: 0.293333rem;
	color: #979797;
	margin-top: 0.4rem;
}

.wancheng {
	position: absolute;
	right: 0;
	top: 0;
}

.wancheng img {
	width: 3.906666rem;
	height: 3.973333rem;
}

.evaluation {
	width: 9.466666rem;
	padding: 0.533333rem 0.8rem;
	background-color: white;
	/* height: 6.666666rem; */
	box-sizing: border-box;
	margin: auto;
	border-radius: 0.266666rem;
	position: relative;
	transform: translateY(-20%);
	margin-bottom: 0.533333rem;
}

.evaluation h3 {
	font-size: 0.373333rem;
	font-weight: bold;
}


/*服务评价*/
.fwpj {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFFFFF;
	padding: .25rem .5rem .25rem .35rem;
	font-size: .3rem;
	color: #000000;
	margin-top: 1.03rem;
	margin-bottom: .15rem;
}

.star {
	display: flex;
	justify-content: center;
	margin-top: 0.533333rem;
}

.star span {
	width: 0.64rem;
	height: 0.64rem;
	margin-right: 0.666666rem;
	background: url(../images/Mask%20Group-1.png) center center no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.star span.on {
	background-image: url(../images/Mask%20Group.png);
}

.comments{
	width: 7.466666rem;
	height: 1.6rem;
	border: 0.013333rem solid #DDDDDD;
	margin: auto;
	margin-top: 0.533333rem;
	display: block;
	font-size: 0.293333rem;
	text-align: left;
}

.comments-btn{
	width: 3.2rem;
	height: 0.8rem;
	background-size: 100% 100%;
	background-image: url(../img/Rectangle%20484-1.png);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 0.373333rem;
	margin: auto;
	margin-top: 0.533333rem;
}

.content-2 {
	width: 9.466666rem;
	padding: 0.586666rem 0.266666rem;
	background-color: white;
	/* auto */
	/* height: 6.666666rem; */
	box-sizing: border-box;
	margin: auto;
	transform: translateY(-20%);
	border-radius: 0.266666rem;
	position: relative;
	display: none;
}

.content-2 h3{
	font-size: 0.373333rem;
}

.content-2 .item-title{
	color: #979797;
}
.content-2 .content-item{
	height: auto;
}



/* 遮罩层 */
.mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, .5);
}

.popup_bg_1 {
	position: absolute;
	top: 23%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: none;
}

.popup_bg_2 {
	position: absolute;
	top: 23%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: none;
}

.form-wrap{
	width: 8rem;
	/* auto */
	height: 70vh;
	background-color: white;
	padding-top: 0.533333rem;
	border-radius: 0.266666rem;
	overflow: hidden;
}

.form-wrap2{
	width: 8rem;
	/* auto */
	/* height: 4vh; */
	background-color: white;
	padding-top: 0.533333rem;
	border-radius: 0.266666rem;
	padding-bottom: 0.533333rem;
	/* overflow: hidden; */
}

.form-wrap2 h3{
	font-size:0.373333rem;
	text-align: center;
}

.img-wrapper{
	display: flex;
	justify-content: space-around;
}

.img-wrapper h4{
	font-size: 0.373333rem;
	text-align: center;
}

.img-btn{
	width: 6.8rem;
	height: 1.066666rem;
	background: linear-gradient(270.02deg, #273D63 0.02%, #021639 99.98%);
	border-radius: 0.266666rem;
	margin: auto;
	margin-top: 20px;
	margin-top: 0.266666rem;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.373333rem;
}

.img-btn2{
	width: 6.8rem;
	height: 1.066666rem;
	background: linear-gradient(270.02deg, #773D63 0.02%, #523639 99.98%);
	border-radius: 0.266666rem;
	margin: auto;
	margin-top: 20px;
	margin-top: 0.266666rem;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.373333rem;
}

.img-btn2{
	width: 3.8rem;
	height: 1.066666rem;
	background: linear-gradient(270.02deg, #273D63 0.02%, #021639 99.98%);
	border-radius: 0.266666rem;
	margin: auto;
	margin-top: 20px;
	margin-top: 0.266666rem;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.373333rem;
}

.img-wrapper img{
	width: 2.133333rem;
	height: 2.133333rem;
}

.team-list{
	height: 60vh;
	overflow-y: scroll;
}

.form-wrap h3{
	text-align: center;
	font-size: 0.373333rem;
}

.form-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.533333rem;
	border-bottom: 1px solid #DDDDDD;
	height: 1.333333rem;
	line-height: 100px;
	font-size:0.4rem;
}
.tijiao-btn{
	display: flex;
	justify-content: space-around;
	font-size: 0.4rem;
}